<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会诊详情</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="../../static/css/live_meeting.css">
    <link href="../../static/layui-v2.6.8/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../../static/layui-v2.6.8/layui/layui.js"></script>
    <script src="../../static/js/axios.js"></script>
    <script src="../../static/vue-2.6.14/dist/vue.js"></script>
    <link rel="stylesheet" href="../../static/element-ui-2.15.9/lib/theme-chalk/index.css">
    <script src="../../static/element-ui-2.15.9/lib/index.js"></script>
    <!--视频播放组件-->
    <link href="../../static/css/video-js.css" rel="stylesheet">
    <!--<script src="../../static/js/video.js"></script>-->
    <script src="../../static/js/videojs-contrib-his.js"></script>
    <link href="../../static/css/font/font-awesome.css" rel="stylesheet" type="text/css"><!--字体图标-->
    <link href="../../static/css/public.css" rel="stylesheet" type="text/css"><!--默认共用样式-->
    <script src="../../static/js/jquery.1.9.1.min.js"></script>
    <link rel="stylesheet" href="../../static/swiper/swiper.min.css">
    <script src="../../static/swiper/swiper.min.js"></script>
    <link href="../../static/css/page_style.css" rel="stylesheet" type="text/css"><!--页面所需样式-->
    <link rel="stylesheet" href="../../static/css/meet_details_swiper.css">
    <script src="../../static/js/meet_details_banner.js"></script>
    <link rel="stylesheet" href="../../static/css/meet_details.css">
</head>
<style>
    [v-cloak] {
        display: none;
    }
    .video-js{
        width: 100%;
        height: 100%;
    }
    .video-js .vjs-big-play-button{
        height: 48px;
        width: 48px;
        left:50%;
        top: 50%;
        transform: translate(-50%,-50%);
        border-radius: 50%;
    }
    .el-dialog__wrapper .el-dialog{
        z-index: 2002;
    }
</style>
<body style="margin: 0">
<div id="details" v-cloak> <!--vue实例化之前隐藏模板语法-->
    <el-container>
        <el-main style="padding: 0;">
            <div class="videobox">
                <section style="align-content: center;">
                    <figure>
                        <video id="myVideo"
                               controls="controls"
                               poster="../../static/images/qunaihuizheng.jpg"
                               class="video-js vjs-default-skin"
                               width="100%" height="100%"
                               preload="auto"
                               aria-describedby="full-descript"
                               data-setup='{}'
                               >
                            <source type="application/x-mpegURL" src="http://i3.vzan.cc/clip/542168005/1431029504/6c91886969a14fd68d1e642d5bea5c8a.m3u8" />
                            <!--<source type="video/mp4" src="https://acornmedia.herokuapp.com/media/tears_of_steel_480.mp4" />
                            <a href="http://mango.blender.org/">mango.blender.org</a>.-->
                        </video>
                    </figure>
                </section>
            </div>

            <!--弹窗-->
            <el-dialog
                    title=""
                    :visible.sync="dialogVisible"
                    width="70%"
                    top="25vh"
                    :modal=modals
                    @open="diaopen()"
                    @closed="diaclosed()">
                <div style="width: 100%">
                    <img :src="imageUrl+sysUser.photo" onerror="this.src='../../static/images/morentouxiang.jpg'" alt=""
                         style="width: 50px;height: 50px;border-radius: 50%;display: inline">
                </div>
                <span style="color: #1A1A1A" v-text="sysUser.name"></span>
                <span v-text="sysUser.level"></span>
                <p style="text-align: center;margin-top: 5px" v-text="sysUser.companyId"></p>
                <span slot="footer" class="dialog-footer">
                                    <el-button type="primary" plain @click="reloadUser(sysUser.id)">个人主页</el-button>
                                    <el-button plain @click="dialogVisible = false">取消</el-button>
                            </span>
            </el-dialog>
            <!---->

            <div class="swiper-container" style="padding-bottom: 30px" v-loading="loading">
                <div class="my-pagination">
                    <ul class="my-pagination-ul"></ul>
                </div>
                <div class="swiper-wrapper" v-loading="loading">
                    <div class="swiper-slide">
                        <div class="banner box">
                            <div class="imgbox">
                                <img src="../../static/images/meet_details/lunbo(1).png" style="border-radius: 5px" alt="">
                                <img src="../../static/images/meet_details/lunbo(2).png" style="border-radius: 5px" alt="">
                                <img src="../../static/images/meet_details/lunbo(1).png" style="border-radius: 5px" alt="">
                            </div>
                        </div>
                        <div id="message">
                            <h3 class="title" v-text="appointment.title"></h3>
                            <img src="../../static/images/good.png" @click="addLike()" alt=""><!--点赞-->
                            <p class="tex">简介: {{appointment.content}}</p>
                            <p class="tex" >浏览量: {{watchNum}}</p>
                            <p class="tex">会诊日期: {{formatDate(appointment.applyTime)}}</p>
                        </div>
                        <div style="width: 92%;margin: 10px auto;position: relative;">
                            <el-row>
                                <el-button id="info_butt" type="info" plain disabled>该场次会诊相关的疾病标签暂未生成</el-button>
                            </el-row>
                        </div>
                        <div id="userDetails">
                            <img :src="imageUrl+photo"  @click="staus(appointment.doctorId)" alt="" onerror="this.src='../../static/images/morentouxiang.jpg'">
                            <div style="width: 50%">
                                <p v-text="appointment.doctorName"></p>
                                <p v-text="appointment.createdOrg"></p>
                            </div>
                            <el-button id="user_button" type="success" round
                                       @click="addAttent()">关注
                            </el-button>
                        </div>
                        <div id="recommend" v-loading="tuijian" element-loading-text="加载推荐会诊中">
                            <div>
                                <span>为您推荐</span>
                                <i class="el-icon-refresh" style="margin-left: 10px;color: #ec971f;float: right;font-weight: 600;font-size: 15px" @click="gettuijian()" v-show="tuijianbuttton"></i>
                                <i class="el-icon-refresh" style="margin-left: 10px;float: right;font-weight: 600;font-size: 15px" v-show="!tuijianbuttton"></i>
                                <template v-if="false">
                                    <el-radio-group>&lt;!&ndash;v-model&ndash;&gt;
                                        <el-radio-button label="top">科室</el-radio-button>
                                        <el-radio-button label="right">疾病</el-radio-button>
                                    </el-radio-group>
                                </template>
                            </div>
                            <template>
                                <div class="thisone" style="margin-top: 17px;border-radius: 5px" v-for="ra in recommendAppoint" @click="roadlthere(ra.id)">
                                    <img src="../../static/images/qunaihuizheng.jpg" alt=""
                                         style="border-radius: 5px;border: 1px solid #F4F4F4;float: left">
                                    <div>
                                        <h4 v-text="ra.title">加载中</h4>

                                        <el-tag type="info" v-for="(maj, index) in ra.majors.split(',')" v-if="index<3">{{maj}}</el-tag>

                                        <div class="bottom_msg">
                                            <i class="el-icon-user"></i>
                                            <span style="color: #4B4A4A" v-text="ra.doctorName">加载中</span>
                                            <span style="color: #A1A1A1" v-text="ra.createdOrg">加载中</span>
                                        </div>
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="banner2 box">
                            <div class="imgbox">
                                <img src="../../static/images/meet_details/lunbo(1).png" style="border-radius: 5px" alt="">
                                <img src="../../static/images/meet_details/lunbo(2).png" style="border-radius: 5px" alt="">
                                <img src="../../static/images/meet_details/lunbo(1).png" style="border-radius: 5px" alt="">
                            </div>
                        </div>
                        <div id="meet_user">
                            <p class="p_title">参会人员</p>
                            <el-row class="stop-swiping">
                                <el-col :span="4" v-for="(user, index) in meetUser" :key="user.userId"
                                        :offset="index > 0 ? 2 : 0">
                                    <el-card :body-style="{ padding: '0px' }">
                                        <img :src="imageUrl+user.photo"  onerror="this.src='../../static/images/morentouxiang.jpg'"
                                             style="border-radius: 50%;width: 45px;height: 45px;margin: 0 auto"
                                             class="image" @click="staus(user.userId)"
                                             onerror="this.src='../../static/images/morentouxiang.jpg'"
                                        >
                                        <div style="text-align: center;margin-top: 5px">
                                            <span v-text="user.userRole"></span>
                                            <div class="bottom clearfix">
                                                <time class="time" v-text="user.userName"></time>
                                            </div>
                                        </div>
                                    </el-card>
                                </el-col>
                            </el-row>
                        </div>
                        <div id="meet_details">
                            <div id="meet_details_title">
                                <i class="el-icon-arrow-down"></i>
                                <span>会诊详细信息</span>

                                <template v-if="appointment.status==='已结束'">
                                    <el-tag type="danger">{{appointment.status}}</el-tag>
                                </template>
                                <template v-else-if="appointment.status==='未开始'">
                                    <el-tag>{{appointment.status}}</el-tag>
                                </template>
                                <template v-else-if="appointment.status==='进行中'">
                                    <el-tag type="success">{{appointment.status}}</el-tag>
                                </template>
                            </div>
                            <ul id="meet_details_content">
                                <li style="">
                                    <span class="meet_details_line_title">会诊时间</span>
                                    <span class="meet_details_line">{{formatDate(appointment.applyTime)}}-{{appointment.applyEndTime}}</span>
                                </li>
                                <li><span class="meet_details_line_title">会诊标题</span>


                                    <el-popover
                                            placement="top"
                                            title="会诊标题"
                                            width="240"
                                            trigger="click"
                                            :content="appointment.title">
                                        <span class="meet_details_line" v-text="appointment.title" @click="visible = !visible" slot="reference"></span>
                                    </el-popover>
                                </li>
                                <li><span class="meet_details_line_title">参会医院</span>
                                    <el-popover
                                            placement="top"
                                            title="参会医院"
                                            width="240"
                                            trigger="click"
                                            :content="appointment.appointHospital">
                                        <span class="meet_details_line" v-text="appointment.appointHospital" @click="visible = !visible" slot="reference"></span>
                                    </el-popover>
                                </li>
                                <li><span class="meet_details_line_title">主诉内容</span>
                                    <el-popover
                                            placement="top"
                                            title="主诉内容"
                                            width="240"
                                            trigger="click"
                                            :content="appointment.content">
                                        <span class="meet_details_line" v-text="appointment.content" @click="visible = !visible" slot="reference"></span>
                                    </el-popover>
                                </li>
                                <li><span class="meet_details_line_title">会诊数据</span>
                                    <span class="meet_details_line"
                                          style="color: #F7605A">病例{{appCase.length<1?0:appCase.length}}例  >  会诊汇报人{{appointment.reportNum}}人  >  参会人员{{appointment.appointUser==null? 0:appointment.appointUser.split(",").length}}人</span>
                                </li>
                            </ul>
                        </div>
                        <div id="meet_offices">
                            <p class="p_title">涉及相关科室</p>
                            <template v-if="reversedMajors==null || reversedMajors===''">
                                <el-tag type="info">暂无关联的科室展示</el-tag>
                            </template>
                            <template v-else>
                                <el-tag type="warning" v-for="mj in reversedMajors">{{mj}}</el-tag>
                            </template>
                        </div>
                        <div id="meet_file">
                            <p class="p_title" style="margin-bottom: 14px">病例文件</p>
                            <el-button type="info" @click="detailsCase()">病例详情</el-button>
                            <el-tabs type="border-card" v-if="appCase.length>0"><!--if有病例文件显示这个-->
                                <template v-for="(oneCase,i) in appCase">
                                    <el-tab-pane :label="casefile+(i+1)">
                                        <div class="tab_files">
                                            <div style="max-width: 70%;overflow: hidden; white-space: nowrap; text-overflow: clip">
                                            <span>{{i+1}}.{{oneCase.fileName}}</span>
                                            </div>
                                            <template>
                                                <el-popconfirm
                                                        confirm-button-text='确定'
                                                        cancel-button-text='不用了'
                                                        icon="el-icon-info"
                                                        icon-color="#9DE09D"
                                                        title="确定打开文件预览？"
                                                        @confirm="successConfirm(oneCase.filePath,oneCase.id)"
                                                >
                                                    <i class="el-icon-view" slot="reference" style="right: 35px"></i>
                                                </el-popconfirm>
                                            </template>
                                            <i class="el-icon-download" @click="tipfile()"></i>
                                        </div>
                                    </el-tab-pane>
                                </template>
                            </el-tabs>
                            <el-tabs type="border-card" v-else>    <!--else否则显示这个默认的-->
                                <template>
                                    <el-tab-pane label="暂无病例文件">
                                        <div class="tab_files">
                                            <span>1.待病例文件上传中</span>
                                        </div>
                                    </el-tab-pane>
                                </template>
                            </el-tabs>
                        </div>
                    </div>
                </div>
            </div>
        </el-main>
    </el-container>
    <footer class="aui-footer aui-footer-fixed">
        <div class="input_bott">
            <i class="el-icon-edit"></i>
            <input placeholder="请输入内容" readonly="readonly" @click="tishi()"></input>
            <span>发送</span>
        </div>
        <div class="icon_bott">
            <i class="el-icon-chat-line-square" @click="drawer = true"></i>
            <i class="el-icon-star-off" @click="addCollect()"></i>
            <i class="el-icon-share" @click="tishi()"></i>
        </div>
    </footer>
    <el-drawer
            title="全部评论"
            :visible.sync="drawer"
            :direction="direction"
            :size="size"
            :with-header="true"
            :show-close="true"
    >
        <div class="chouti">
            <div>
                <i class="el-icon-edit"></i>
                <input type="text" readonly="readonly" placeholder="请输入内容" @click="tishi()">
                <span>发送</span>
            </div>
        </div>

    </el-drawer>
</div>
</body>
<script>
    var appid; //会诊id
    //初始化vue组件
    let det = new Vue({
        el: '#details',
        data() {
            return {
                drawer: false,
                direction: 'btt', //抽屉组件滑进的方向
                size: "70%",  //抽屉组件的高
                activeName: 1,
                dialogVisible: false,
                modals: false,       //个人详情遮罩
                theme: '',
                appointment: {},   //会诊对象
                loginUser: {},    //登录对象
                meetUser: [],    //参会人员
                imageUrl: "/bokeupload",
                majors: [],
                appCase: [],
                casefile: "病例",
                sysUser: {},
                photo:'',
                loading:false,
                visible:false,
                tuijian:true,
                tuijianbuttton:true,
                recommendAppoint:[],
                watchNum:'',
                play:false
            }
        },
        created() {  //vue实例化开始时的生命周期函数
            appid = this.GetQueryString("appointmentId");
            //获取当前id的会诊信息
            this.getMeet();
            this.getLogin();
            this.getMeetUser();
            this.getCase();
        },
        mounted(){ //vue实例化完毕时的生命周期函数(晚于created方法)
            this.startwt();
            this.starttuijian();
            this.getwatchNum();
        },
        computed: {   //vue的计算属性函数
            reversedMajors: function () {  //会诊科室的计算属性
                if (this.appointment.majors) {
                    let sp = this.appointment.majors.replace(/，/ig, ','); //替换详情页科室中的中文逗号,避免分割错误
                    return sp.split(',');
                }
            },
            nowDate:function () { //创建时间计算属性
                var date = new Date();
                var month = date.getMonth() + 1;
                var strDate = date.getDate();
                if (month >= 1 && month <= 9) {
                    month = "0" + month;
                }
                if (strDate >= 0 && strDate <= 9) {
                    strDate = "0" + strDate;
                }
                return date.getFullYear() + '-' + month + '-' + strDate;
            }
        },
        methods: {  //vue的函数区
            diaopen() { //用户弹出框的打开回调
                this.getSysUser();
                document.body.parentNode.style.overflowY = "hidden";
            },
            diaclosed() {//用户弹出框的关闭回调
                document.body.parentNode.style.overflowY = "auto"
            },
            GetQueryString(name) { //获取地址栏参数
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null;
            },
            async getMeet() {  //根据会议id获取会议对象
                await axios({
                    method: "get",
                    url: "/bokehall/meet/getApp/" + appid
                }).then((response)=>{
                    det.appointment = response.data.data
                    console.log(this.appointment)
                }).catch(function (error) {
                    console.log("请求错误")
                })
                this.getphoto(det.appointment.doctorId)
            },
            async getMeetUser() { //会议参会者
                await axios.get("/bokehall/meet/getAppUser/" + appid)
                    .then((response)=>{
                        if (response.data.code === 1) {
                            det.meetUser = response.data.data;
                            console.log("请求成功")
                        } else {
                            console.log(response.data.msg)
                        }
                    }).catch(function (error) {
                        console.log("请求错误")
                    })
            },
            formatDate(value) { //时间转换工具
                let date = new Date(value);
                let y = date.getFullYear();
                let MM = date.getMonth() + 1;
                MM = MM < 10 ? "0" + MM : MM;
                let d = date.getDate();
                d = d < 10 ? "0" + d : d;
                let h = date.getHours();
                h = h < 10 ? "0" + h : h;
                let m = date.getMinutes();
                m = m < 10 ? "0" + m : m;
                let s = date.getSeconds();
                s = s < 10 ? "0" + s : s;
                return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
            },
            addAttent(){  //收藏
                $.ajax({
                    type: "post",
                    url: '/bokehall/my/addAttention',
                    dataType: "json",
                    data: {userid: det.loginUser.id, beUserid: det.appointment.doctorId},
                    success: function (data) {
                        if (data.code === 1) {
                            Vue.prototype.$message({
                                message: data.msg,
                                type: 'success',
                                duration: 2000,
                                offset:250,
                                center: true
                            });
                        } else {
                            Vue.prototype.$message({
                                message: data.msg,
                                type: 'warning',
                                duration: 2000,
                                offset:250,
                                center: true
                            });
                        }
                    }, error: function (error) {
                        Vue.prototype.$message({
                            message: "关注失败",
                            type: 'error',
                            duration: 2000,
                            offset:250,
                            center: true
                        });
                    }
                })
            },
            async getLogin() {  //获取登录对象
                await axios({
                    method: "get",
                    url: "/bokehall/user/getLogging",
                }).then(async function (response) {
                    if (response.data.code === 1) {
                        det.loginUser = response.data.data;
                    } else {
                        console.log(response.data.msg);
                    }
                }).catch(function () {
                    console.log("请求出错")
                })
            },
            detailsCase() {  //病例详情按钮
                axios({
                    method: 'get',
                    url: '/bokehall/case/caseisnull/' + appid,
                }).then((response)=>{
                    if (response.data === 0) {
                        layer.msg("该场次会诊暂未添加病例详情及治疗方案")
                        return false;
                    } else {
                        window.location.href = '/bokehall/case/caseShow?appointmentId=' + appid;
                    }
                })
            },
            getCase() {   /*获取疾病*/
                axios.get("/bokehall/case/getCase/" + appid)
                    .then((response)=>{
                        det.appCase = response.data.data;
                    }).catch(function (error) {
                    console.log("请求错误")
                })
            },
            successConfirm(filePath, fileId) {  //预览文件的方法
                let from = new FormData();
                from.append("filePath", filePath);
                from.append("fileId", fileId);
                if (filePath == null) {
                    alert("暂无可预览的链接")
                } else {
                    $.ajax({
                        type: "post",
                        async: false,
                        url: '/bokehall/files/takeFile',
                        processData: false,
                        contentType: false,
                        data: from,
                        success: function (data) {
                            var datas = data.data.substring(data.data.lastIndexOf(".") + 1).toLowerCase();
                            //如果图片格式,直接跳转预览
                            var type = datas === "jpg" ||
                                datas === "png" ||
                                datas === "jpeg" ||
                                datas === "bmp";
                            if (type) {
                                window.location.href = data.data;
                            } else {
                                //文档格式启动ifram预览
                                layer.open({
                                    type: 2,
                                    title: '文档在线预览',
                                    shadeClose: true,
                                    shade: false,
                                    maxmin: false, //开启最大化最小化按钮
                                    area: ['100%', '100%'],
                                    content: data.data,
                                });
                            }
                        }, error: function (error) {
                            alert("预览失败");
                            window.location.reload();
                        }
                    })
                }
            },
            tipfile() {   //下载病例
                layer.alert('如需下载病例文件,请点击"消息"询问系统管理员进行下载', {
                    area: ['70%', '30%'],
                    shadeClose: true,
                    minHeight: 158
                })
            },
            getSysUser() {    /*id获取用户*/
                axios.get("/bokehall/user/getUser/" + det.userId)
                    .then((response)=>{
                        if(response.data.data==null){
                            det.dialogVisible=false;
                            Vue.prototype.$message({
                                message: '当前用户不存在',
                                type: 'error',
                                duration: 2000,
                                offset:250,
                            });
                            return;
                        }
                        det.sysUser = response.data.data;
                    }).catch(function (error) {
                    console.log("请求错误")
                })
            },
            staus(userId){  //视频页推荐按钮状态
                det.dialogVisible = true
                det.userId = userId;
            },
            reloadUser(id){   /*用户个人页面*/
                window.location.href="/boke/user_findone.do?id="+id;
            },
            getphoto(id){  //获取头像
                axios.get("/bokehall/user/getUser/" + id)
                    .then((response)=>{
                        det.photo = response.data.data.photo;
                    }).catch(function (error) {
                    console.log("请求错误")
                })
            },
            addCollect(){  //收藏
                let form = new FormData();
                form.append("appointId", appid);
                if (form.get("appointId") != null || form.get("appointId") != '') {
                    axios({
                        method: "post",
                        data: form,
                        url: "/bokehall/hall/addCollect"
                    }).then((response)=>{
                        if (response.data.code === 1) {
                            Vue.prototype.$message({
                                message: response.data.msg,
                                type: 'success',
                                offset:250,
                                duration: 2000,
                            });
                            return false;
                        }else{
                            Vue.prototype.$message({
                                message: response.data.msg,
                                type: 'warning',
                                duration: 2000,
                                offset:250,
                            });
                            return false;
                        }
                    }).catch(function (error) {
                        Vue.prototype.$message({
                            message: response.data.msg,
                            type: 'error',
                            duration: 2000,
                            offset:250,
                        });
                    })
                }
            },
            addLike(){  //增加点赞
                let form = new FormData();
                form.append("appointmentId",appid)
                form.append("userId",det.loginUser.id)
                form.append("updateTime",det.nowDate)
                axios({
                    method: "post",
                    data: form,
                    url: "/bokehall/meet/addlike"
                }).then((response)=>{
                    layer.msg(response.data.msg);
                }).catch(function (error) {
                    Vue.prototype.$message({
                        message: '点赞失败',
                        type: 'error',
                        duration: 2000,
                        offset:250,
                    });
                })
            },
            addWatch(){  //增加访问量
                let form = new FormData();
                form.append("appointmentId",appid)
                form.append("userId",this.loginUser.id)
                form.append("updateTime",this.nowDate)
                axios({
                    method: "post",
                    data: form,
                    url: "/bokehall/meet/addwatch"
                }).then((response)=>{
                    if(response.data.code===0){
                        console.log(response.data.msg)
                    }
                }).catch(function (error) {
                    Vue.prototype.$message({
                        message: '请求失败',
                        type: 'error',
                        duration: 2000,
                        offset:250,
                    });
                })
            },
            gettuijian(){  //获取推荐列表
                det.tuijianbuttton=false;
                det.tuijian=true;
                this.changeicon();
                axios.get("/bokehall/hall/recommend/"+appid)
                    .then((response)=>{
                        if (response.data.code === 1) {
                            det.recommendAppoint = response.data.data;
                            det.tuijian=false;
                            console.log(det.recommendAppoint);
                        } else {
                            det.tuijian=false;
                            console.log(response.data.msg)
                        }
                    }).catch(function (error) {
                    det.tuijian=false;
                    console.log("请求错误")
                })
            },
            startwt(){   //浏览量增加定时
                setTimeout(()=>{  //页面进入三秒后再执行浏览量增加方法(为了避免过度刷新页面以及防止vue组件未加载完毕导致数据为空)
                    this.addWatch();
                },3000)
            },
            starttuijian(){    //推荐功能定时(进入页面1.5秒再加载,避免反复进入页面)
                setTimeout(()=>{
                    this.gettuijian();
                },1500)
            },
            changeicon(){   //改变推荐会诊按钮状态(点击一次2.5秒放开按钮,避免重复点击.可根据需要修改)
                setTimeout(()=>{
                    det.tuijianbuttton=true;
                },2500)
            },
            getwatchNum(){  //获取访问量
                setTimeout(()=>{
                    axios.get("/bokehall/meet/getwatchNum/" + appid)
                        .then((response)=>{
                            if (response.data.code === 1) {
                                det.watchNum=response.data.data;
                            } else {
                                det.watchNum=0;
                            }
                        }).catch(function (error) {
                        console.log("请求错误")
                    })
                },500)
            },
            roadlthere(id){
                window.location.href="/bokehall/views/meet/meeting_details.html?appointmentId="+id;
            },
            tishi(){
                layer.msg("此功能暂未开放")
            }
        }
    })
    //初始化swiper组件
    var mySwiper = new Swiper('.swiper-container', {
        noSwiping: true,
        noSwipingClass: 'stop-swiping',
        pagination: '.my-pagination-ul',
        paginationClickable: true,
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true,//修改swiper的父元素时，自动初始化swiper
        paginationBulletRender: function (index, className) {
            switch (index) {
                case 0:
                    name = '视频';
                    break;
                case 1:
                    name = '详情';
                    break;
                default:
                    name = '';
            }
            return '<li class="' + className + '">' + name + '</li>';
        }
    })
    $(".banner").banner($(".banner").find("img"), {  //视频页轮播图
        but: false,    // 左右按钮默认为true
        butahidden: true,    // 是否自动隐藏左右按钮默认隐藏
        list: false,  // 导航按钮
        index: 2,    //初始从第几个开始默认为0
        autoPlay: true,  // 自动轮播默认为true
        delayTiem: 5000,  // 延迟时间默认为2000
        moveTime: 500    // 远动时间默认为300
    });
    $(".banner2").banner($(".banner2").find("img"), { //详情页轮播图
        but: false,    // 左右按钮默认为true
        butahidden: true,    // 是否自动隐藏左右按钮默认隐藏
        list: false,  // 导航按钮
        index: 2,    //初始从第几个开始默认为0
        autoPlay: true,  // 自动轮播默认为true
        delayTiem: 5000,  // 延迟时间默认为2000
        moveTime: 500    // 远动时间默认为300
    });


</script>
<script src="../../static/js/meet_details.js"></script>
</html>